/**
* Created by ren on 2017/2/21.
*/
<template>
  <div class='tabs'>
    <tabs type="boxed" :close="close" v-if="tabData!==''">
      <tab-pane :label="item" v-for="(item,index) in tabData">
        <User></User>
      </tab-pane>
    </tabs>
  </div>
</template>

<script>
  import {Tabs, TabPane} from '../components/tabs/index'
  import User from './system/User'
  export default {
    components: {
      Tabs,
      TabPane,
      User
    },
    data () {
      return {
        tabData: ['用户管理', '用户管理']
      }
    },
    methods: {
      close (index) {
        debugger
        this.tabData.splice(index, index + 1)
      }
    }
  }
</script>

<style lang="scss" rel="stylesheet/scss">
  .tabs {
    background: white;
    padding: 5px;
    margin: 0 !important;
  }

  .tabs:not(:last-child) {
    margin-bottom: 0;
  }

  .vue-bulma-tabs {
    .tab-content {
      margin: 0 !important;
    }
  }

  .app-content {
    padding: 5px;
  }
</style>